<template>
  <Dialog title="播放语音文件" v-model="dialogPlay">
    <div class="audio-play">
      <AudioPlayers :url="recordUrl" ref="audioPlays" v-if="recordUrl" />
    </div>
  </Dialog>
</template>

<script setup>
const dialogPlay = ref(false)
const recordUrl = ref(null)
const open = (url) => {
  dialogPlay.value = true
  recordUrl.value = url
}
defineExpose({ open })
</script>

<style lang="scss" scoped>
.audio-play {
  padding: 10px 0;
  display: flex;
  justify-content: center;
}
</style>
